﻿<!--logo area start-->
<div class="logo-area">
    <span id="logo"></span>
    <span id="secondary-logo"></span>
    <abbr title="Phone" id="call-phone">1-800-45-PEACH</abbr>
</div>
<!--end logo area-->

<!--nav bar start-->
<nav class="navbar">
    <div class="navbar-inner">
        <div class="container">
            <!--mobile nav icon (hidden:CSS)-->
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">menu
            </a>
            <!--end btn-navbar-->
            <div class="nav-collapse">
                <ul class="nav" data-bind="foreach: router.visibleRoutes">
                    <li data-bind="css: { active: isActive }">
                        <a data-bind=" click: $parent.selectParentMenu, attr: { href: hash }, text: name"></a>
                    </li>
                    
                   <!-- ko if: $index() == 0 -->
                    <li class="dropdown" data-bind="css: { active: $parent.windowCarHash }">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Cars <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#/carlists/all/menu-car/bmw" data-bind="click: $parent.selectSubMenu">BMW</a></li>
                            <li><a href="#/carlists/all/menu-car/honda" data-bind="click: $parent.selectSubMenu">HONDA</a></li>
                            <li><a href="#/carlists/all/menu-car/nissan" data-bind="click: $parent.selectSubMenu">NISSAN</a></li>
                            <li><a href="#/carlists/all/menu-car/mitsubishi" data-bind="click: $parent.selectSubMenu">MITSUBISHI</a></li>
                            <li><a href="#/carlists/all/menu-car/kia" data-bind="click: $parent.selectSubMenu">KIA</a></li>
                        </ul>
                    </li>
                    
                    <li class="dropdown" data-bind="css: { active: $parent.windowPickUpHash }">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pick-Ups <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#/carlists/all/menu-pickups/kia" data-bind="click: $parent.selectSubMenu">KIA</a></li>
                            <li><a href="#/carlists/all/menu-pickups/nissan" data-bind="click: $parent.selectSubMenu">NISSAN</a></li>
                            <li><a href="#/carlists/all/menu-pickups/mitsubishi" data-bind="click: $parent.selectSubMenu">MITSUBISHI</a></li>
                        </ul>
                    </li>
                    
                    <li class="dropdown" data-bind="css: { active: $parent.windowVansHash }">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Vans <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#/carlists/all/menu-vans/kia" data-bind="click: $parent.selectSubMenu">KIA</a></li>
                            <li><a href="#/carlists/all/menu-vans/nissan" data-bind="click: $parent.selectSubMenu">NISSAN</a></li>
                            <li><a href="#/carlists/all/menu-vans/mitsubishi" data-bind="click: $parent.selectSubMenu">MITSUBISHI</a></li>
                        </ul>
                    </li>
                    <!-- /ko -->
                </ul>
                <form class="navbar-form pull-right" style="overflow: auto;">
                    <div class="input-append">
                        <input class="span2" id="appendedInputButton" type="text" x-webkit-speech="x-webkit-speech" placeholder="Search here..." />
                        <button class="btn btn-peach" type="button">
                            Search
                        </button>
                    </div>
                </form>
            </div>
            <!-- end nav-collapse -->
        </div>
        <!-- end container-->
    </div>
    <!-- end navbar-inner -->
</nav>
<!--end nav bar-->
